<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript" src="js/adminCore.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<h2 style="text-align: center">管理员记录</h2>
<link href="css/search.css" rel="stylesheet">
<div>
        <form action="javascript:void(0)" class="navbar-form navbar-left">
            <div class="s">
                <div class="form-group s">
                    <label class="name" for="Name">姓&nbsp;&nbsp;名：</label>
                    <input type="text" class="form-control" id="Name" placeholder="请输入姓名">
                </div>
                <button type="submit" id="usearch_submit" class="btn btn-primary mybutton">搜&nbsp;索</button>
            </div>
            <%--<div class="b">

            </div>--%>
        </form>

    <div class="bb">
        <button col-md-4 type="submit" id="add_submit" class="btn btn-primary ">添&nbsp;加</button>
        <button col-md-4 type="submit" id="delete_submit" class="btn btn-primary">删&nbsp;除&nbsp;选&nbsp;中</button>
    </div>


    <form action="javascript:void(0)" id="tabForm" method="post">
        <table class="table table-hover ">
            <thead>
            <tr>
                <th><input id="checkboxs" type="checkbox"></th>
                <th>姓 名</th>
                <th>性&nbsp;别</th>
                <th>密 码</th>
                <th>权&nbsp;限</th>
                <th>操 作</th>
            </tr>
            </thead>
            <tbody id="RTable">
            <!--<tr>
                <td><input type="checkbox"></td>
                <td>1,001</td>
                <td>Lorem</td>
                <td>ipsum</td>
                <td>dolor</td>
                <td id="tr1">
                    <button type="button" class="btn btn-info">修改</button>
                    <button type="button" class="btn btn-danger">删除</button>
                </td>
            </tr>-->
            </tbody>
        </table>
    </form>

    <nav aria-label="Page navigation">
        <div class="page_num_inf" style="float: left">
            <i></i> 共
            <span id="totalPage">0</span> 页 <span id="totalCount">0</span> 条
        </div>
        <ul id="paging" class="pagination">
            <!-- <li>
                 <a href="#" aria-label="Previous">
                     <span aria-hidden="true">&laquo;</span>
                 </a>
             </li>
             <li class="active"><a href="#">1</a></li>
             <li><a href="#">2</a></li>
             <li>
                 <a href="#" aria-label="Next">
                     <span aria-hidden="true">&raquo;</span>
                 </a>
             </li>-->
        </ul>
    </nav>
</div>

<!-- Modal -->
<div id="modal">
    <%-- 此处是模态框的内容 动态的添加，在js中实现--%>
</div>


<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">添加管理员</h4>
            </div>
            <div class="modal-body">
                <form id="updateFrom" class="form-horizontal">
                    <div class="form-group">
                        <label for="uname" class="col-sm-2 control-label">姓名：</label>
                        <div class="col-sm-10">
                            <input type="text" name="name" class="form-control" id="uname" placeholder="name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="sex1" class="col-sm-2 control-label">性别：</label>
                        <div class="col-sm-10">
                            <label class="radio-inline">
                                <input type="radio" name="gender" checked="checked" id="sex1" value="男"> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="gender" id="sex2" value="女"> 女
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="password" class="col-sm-2 control-label">密码：</label>
                        <div class="col-sm-10">
                            <input type="password" name="password" class="form-control" id="password"
                                   placeholder="password">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="flag1" class="col-sm-2 control-label">权限：</label>
                        <div class="col-sm-10">
                            <label class="radio-inline">
                                <input type="radio" name="power" id="flag1" value="1"> 超级管理
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="power" checked="checked" id="flag2" value="0"> 普通管理
                            </label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" id="addSubmit" class="btn btn-primary">Save</button>
            </div>
        </div>
    </div>
</div>
